.icons-grid {
	width: 100%;
    height: 100%;
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	//-webkit-justify-content: space-around;
	//justify-content: space-around;
	-webkit-justify-content: space-between;
    justify-content: space-between;

	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	.icon-view {
		position: relative;
		text-overflow: ellipsis;
		white-space: nowrap;
		flex-shrink: 1;
		display: -webkit-box;
	    display: -ms-flexbox;
	    display: -webkit-flex;
	    display: flex;
	    -webkit-box-align: center;
	    -ms-flex-align: center;
	    -webkit-align-items: center;
	    align-items: center;
	    overflow: visible;
	    -webkit-box-flex: 1;
	    -ms-flex: 1;
	    -webkit-box-orient: vertical;
	    -moz-box-orient: vertical;
	    -ms-flex-direction: column;
	    -webkit-flex-direction: column;
	    flex-direction: column;
		-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	    -webkit-justify-content: space-between;
	    height: 100%;
		width: 100%;
		padding: 10px;
		&.is-touching {
			background-color: #e5e5e5;
		}
		.board-icon {
			display: block;
			width: 40px;
			height: 40px;
			background: url(../images/boards@2x.png) 0 0 no-repeat;
			background-size: 160px 40px;
			&.i-business {
				background-position: 0 0;
			}
			&.i-learn {
				background-position: -40px 0;
			}
			&.i-column {
				background-position: -80px 0;
			}
			&.i-more {
				background-position: -120px 0;
			}
		}
		.icon-label {
			display: block;
			text-align: center;
			color: #555;
			font-size: 14px;
			line-height: 20px;
		}
	}
}